---
title: Разверните ваш сайт Astro на хостинге Firebase от Google
description: Как развернуть свой сайт Astro в Интернете с помощью хостинга Firebase от Google.
type: deploy
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

[Firebase Hosting](https://firebase.google.com/products/hosting) — это сервис, предоставляемый платформой для разработки приложений [Firebase](https://firebase.google.com/) от Google, который можно использовать для развертывания сайта Astro. 

Ознакомьтесь с нашим отдельным руководством по [добавлению бэкэнд-сервисов Firebase](/ru/guides/backend/google-firebase/), таких как базы данных, аутентификация и хранение.

## Настройка проекта

Ваш проект Astro может быть развернут на Firebase как статический сайт или как сайт с рендерингом на стороне сервера (SSR).

### Статический сайт

По умолчанию ваш проект Astro является статическим сайтом. Для развертывания статического сайта Astro на Firebase вам не потребуется никаких дополнительных настроек.

### Адаптер для SSR

Чтобы включить SSR в вашем проекте Astro и развернуть его на Firebase, добавьте адаптер [Node.js](/ru/guides/integrations-guide/node/). 

:::note
Для развертывания сайта SSR Astro на Firebase требуется [платный тариф Blaze](https://firebase.google.com/pricing) или выше.
:::

## Как развернуть

1. Установите [Firebase CLI](https://github.com/firebase/firebase-tools). Это инструмент командной строки, который позволяет взаимодействовать с Firebase из терминала.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm install firebase-tools
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm add firebase-tools
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn add firebase-tools
      ```
      </Fragment>
    </PackageManagerTabs>

2. Аутентифицируйте Firebase CLI с помощью учетной записи Google. Откроется окно браузера, в котором вы сможете войти в свою учетную запись Google.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase login
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase login
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase login
      ```
      </Fragment>
    </PackageManagerTabs>

3. Включите экспериментальную поддержку веб-фреймворков. Это экспериментальная функция, которая позволяет Firebase CLI определять и настраивать параметры развертывания для Astro.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase experiments:enable webframeworks
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase experiments:enable webframeworks
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase experiments:enable webframeworks
      ```
      </Fragment>
    </PackageManagerTabs>

4. Инициализируйте Firebase Hosting в вашем проекте. При этом в корне проекта будут созданы файлы `firebase.json` и `.firebaserc`.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase init hosting
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase init hosting
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase init hosting
      ```
      </Fragment>
    </PackageManagerTabs>

5. Разверните свой сайт на хостинге Firebase. Это позволит собрать ваш сайт Astro и развернуть его на Firebase.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npx firebase deploy --only hosting
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm exec firebase deploy --only hosting
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn firebase deploy --only hosting
      ```
      </Fragment>
    </PackageManagerTabs>